!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[TextInput]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[TextInput]"]=t(require("react")):e["rb_wixui.thunderbolt[TextInput]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";r.r(o),r.d(o,{components:function(){return T}});var e=r(448),t=r.n(e),n=r(5329);function a(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=a(e[t]))&&(r&&(r+=" "),r+=n);else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}var i=function(){for(var e,t,n=0,r="";n<arguments.length;)(e=arguments[n++])&&(t=a(e))&&(r&&(r+=" "),r+=t);return r};const l="wixui-",s=(e,...t)=>{const n=[];return e&&n.push(`${l}${e}`),t.forEach((e=>{e&&(n.push(`${l}${e}`),n.push(e))})),n.join(" ")},u=13,d=27;function c(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}c(32),c(u),c(d);const p=({size:e,...t})=>n.createElement("svg",{viewBox:"0 0 20 20",fill:"currentColor",width:e||"20",height:e||"20",...t},n.createElement("path",{fillRule:"evenodd",d:"M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z"}));p.displayName="ErrorSmall";var f=p,m="TLWrjM",h="GIPQqH",v="JNgJbf";const y=e=>{let{errorMessage:t,errorMessageType:r,shouldShowValidityIndication:o,translations:a,dataHook:i,componentViewMode:l}=e;const s="editor"===l?(null==a?void 0:a.errorMessage)||"Error text displays here.":t;return"inline"===r&&o&&s?n.createElement("div",{"data-hook":i||"inline-error-message",className:m},n.createElement(f,{className:h}),n.createElement("span",{className:v},s)):null};var b={root:"text-input",inputEl:"text-input__input",inputLabel:"text-input__label"},g={input:"KvoMHf",hideNumberSpinner:"ErucfC",AppsTextInputSkin:"MpKiNN",appsTextInputSkin:"MpKiNN",inputWrapper:"pUnTVX",prefix:"eXvLsN","validation-indication":"LyB02C",validationIndication:"LyB02C",label:"wPeA6j",hasLabel:"qzvPmW","required-indication":"lPl_oN",requiredIndication:"lPl_oN",ResponsiveTextInputSkin:"ZXdXNL",responsiveTextInputSkin:"ZXdXNL",keepInputHeight:"Bedjyp"};const x="Please enter a phone number with {digits} digits",E="Please enter between 4 to 17 digits. You can include hyphens (-) or start with a (+), e.g., 555-123-4567 or +(222)987654321",I="Please enter between 4 to 17 digits. You can include dividers (-), e.g., 555-123-4567.",C=function(e,t,n){void 0===n&&(n=!0);return Array.from(t).reduce(((e,t,n)=>"-"===t?[...e,n]:e),[]).filter(((t,r)=>n?t<=e.length:t<=e.length+r))},M=(e,t)=>t.replace("{digits}",""+(e?e.replace(/-/g,"").length:0)),_=()=>{},L=(e,r)=>{var o;const{skin:a,name:l,id:u,className:d="",customClassNames:c=[],dataTestId:p,value:f,inputType:m="text",label:h,placeholder:v,readOnly:L,required:N,isDisabled:O,pattern:T,autoComplete:V,autoComplete_:w,maxLength:P,min:A,max:F,step:R,numberSpinnerHidden:S,shouldShowValidityIndication:j,isValid:k,autoFocus:H,prefix:D,phoneFormat:q="",errorMessageType:B="tooltip",validateValue:X=_,setValidityIndication:Z=_,onBlur:K=_,onFocus:U=_,onKeyPress:W=_,onInput:$=_,onValueChange:z=_,onChange:G=_,onClick:J=_,onDblClick:Y=_,onMouseEnter:Q=_,onMouseLeave:ee=_,ariaAttributes:te,contentRef:ne,translations:re,componentViewMode:oe,keepInputHeightEnabled:ae,textInputAutoFillFixEnabled:ie,fixTextInputRaceConditionEnabled:le}=e,se=n.useRef(null);n.useImperativeHandle(r,(()=>({focus:()=>{var e;null==(e=se.current)||e.focus()},blur:()=>{var e;null==(e=se.current)||e.blur()},setCustomValidity:t=>{var n,r;"message"===t.type?null==(n=se.current)||n.setCustomValidity(t.message):null==(r=se.current)||r.setCustomValidity(((e,t)=>{let{translations:n,phoneFormat:r}=t;switch(e.key){case"PHONE_FORMAT_LENGTH_VALIDATION_ERROR":return M(r,(null==n?void 0:n.phoneFormatLengthValidationError)||x);case"PHONE_FORMAT_DEFAULT_VALIDATION_ERROR":return(null==n?void 0:n.phoneFormatDefaultValidationError)||E;case"PHONE_FORMAT_COMPLEX_PHONE_DEFAULT_VALIDATION_ERROR":return(null==n?void 0:n.phoneFormatComplexPhoneDefaultValidationError)||I;default:return e.key}})(t,{translations:e.translations,phoneFormat:e.phoneFormat}))},getValidationMessage:()=>{var e;return null==(e=se.current)?void 0:e.validationMessage}})));const ue=n.useRef(),de=n.useMemo((()=>"tel"===m&&q?((e,t)=>{const n=C(e,t,!1),r=Array.from(e);return n.forEach((e=>{e<r.length&&r.splice(e,0," ")})),r.join("")})(f,q):f),[f,q,m]),ce=e=>{let{shouldHideValidityIndication:t,shouldCallOnInput:n}=e;return e=>{const{value:r}=e.target;let o=r;if(q){const e=r.length<de.length;if(o=((e,t,n)=>{const r=C(e,t);return r.reduce(((t,o,a)=>{if(" "===e[o])t.splice(o-a,1);else if(" "!==e[o+1]||n)" "===e[o-1]&&n&&(e.split(" ").length-1<r.length?t.splice(o-a,1):t.splice(o-a-1,1));else{const e=1-a;t.splice(o+e,1)}return t}),Array.from(e)).join("")})(r,q,e),o.match(/[^\d]/))return}(!le||o!==f)&&(ue.current=!0,z(o),o!==f&&(e=>{ie&&!he()&&G({...e,type:"change"})})(e),X()),t&&Z(!1),n&&$(e)}};n.useEffect((()=>{setTimeout((()=>{var e,t;ce({shouldHideValidityIndication:!0,shouldCallOnInput:!1})({target:{value:null!=(e=null==(t=se.current)?void 0:t.value)?e:""}})}),0)}),[]);const pe=i(g[a],d,s(b.root,...c),{[g.hasLabel]:!!h,[g.requiredIndication]:N,[g.validationIndication]:!!j},ae?g.keepInputHeight:null),{"aria-label":fe,...me}=(({pressed:e,expanded:t,haspopup:n,label:r,live:o,relevant:a,current:i,owns:l,controls:s,roleDescription:u,hidden:d,disabled:c,describedBy:p,labelledBy:f,errorMessage:m,atomic:h,role:v,busy:y,...b}={})=>{const g=b.tabIndex??b.tabindex,x={};return r&&(x["aria-label"]=r),o&&(x["aria-live"]=o),i&&(x["aria-current"]=i),e&&(x["aria-pressed"]=e),"boolean"==typeof d&&(x["aria-hidden"]=d),"boolean"==typeof t&&(x["aria-expanded"]=t),"boolean"==typeof c&&(x["aria-disabled"]=c),"boolean"==typeof h&&(x["aria-atomic"]=h),"boolean"==typeof y&&(x["aria-busy"]=y),"string"==typeof a&&(x["aria-relevant"]=a),"string"==typeof l&&(x["aria-owns"]=l),"string"==typeof s&&(x["aria-controls"]=s),"string"==typeof u&&(x["aria-roledescription"]=u),n&&(x["aria-haspopup"]=n),"number"==typeof g&&(x.tabIndex=g),v&&(x.role=v),p&&(x["aria-describedby"]=p),f&&(x["aria-labelledby"]=f),m&&(x["aria-errormessage"]=m),x})(te),he=()=>!!se.current&&se.current===document.activeElement;return n.createElement("div",t()({id:u},(e=>Object.entries(e).reduce(((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e)),{}))(e),{ref:ne},!ae&&{className:pe},{"data-testid":p,onClick:e=>{O||J(e)},onDoubleClick:e=>{O||Y(e)},onMouseEnter:e=>{O||Q(e)},onMouseLeave:e=>{O||ee(e)}}),n.createElement(...ae?["div",{className:pe}]:[n.Fragment,{}],n.createElement(n.Fragment,null,!!h&&n.createElement("label",{htmlFor:"input_"+u,className:i(g.label,s(b.inputLabel))},h),n.createElement("div",{className:g.inputWrapper},D&&n.createElement("div",{className:g.prefix},D),n.createElement("input",t()({name:l,ref:se,id:"input_"+u,className:i(g.input,"has-custom-focus",s(b.inputEl),{[g.hideNumberSpinner]:S}),type:m,value:de,onFocus:U,onKeyDown:W,onChange:ce({shouldHideValidityIndication:!0,shouldCallOnInput:!0}),onBlur:e=>{K(e),ue.current&&G({...e,type:"change"}),ue.current=!1,Z(!0)},placeholder:v,readOnly:L,required:N,"aria-required":N,"aria-invalid":j?!k:void 0,pattern:T,maxLength:(()=>{let e=null===P?void 0:P;return q&&(e=q.length),e})(),minLength:q?q.length:void 0,disabled:O,autoComplete:V?"on":w||"off",step:null===R?void 0:R,min:null===A?void 0:A,max:null===F?void 0:F,autoFocus:H,"aria-label":fe||h?fe:v},me))))),n.createElement(y,{errorMessageType:B,errorMessage:null==(o=se.current)?void 0:o.validationMessage,shouldShowValidityIndication:j,translations:re,componentViewMode:oe}))};const N=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var O;const T={TextInput:{component:n.forwardRef(L),controller:(O=e=>{let{mapperProps:t,controllerUtils:n}=e;return{...t,...(r=n.updateProps,{onValueChange:e=>{r({value:e})},setValidityIndication:e=>{r({shouldShowValidityIndication:e})}})};var r},{useComponentProps:(e,t,n)=>{const r=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce(((e,[t,n])=>{return{...e,[(r=t,r.startsWith("--")?t:N(t))]:void 0===n?null:n};var r}),{});e.updateStyles(n)}}))(n);return O({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[TextInput].c7131ea2.bundle.min.js.map